<template>
  <footer class="Footer">
    <div class="Footer__Links">
      <a href="https://github.com/Atinux" target="_blank">首页</a>
      <span> | </span>
      <a href="https://github.com/alexchopin" target="_blank">关于我们</a>
      <span> | </span>
      <a href="https://github.com/alexchopin" target="_blank">联系我们</a>
    </div>
    <div class="Footer__Desc">
      <p>Copyright © 四川省商业投资集团有限责任公司(SCCI)</p>
      <p>地址：中国·四川·成都市文武路42号新时代广场A座7楼</p>
      <p>电话：028-86787080 传真：028-86621058</p>
      <p>版权所有 蜀ICP备16036156号</p>
    </div>
  </footer>
</template>

<style lang="scss" scoped>
.Footer {
  &__Links {
    text-align: center;
    // background-color: darken(#35495e, 10%);
    background-color: #333333;
    color: #eee;
    padding: 15px 0 0 0;
    letter-spacing: 0.5px;
    a {
      // color: #9aabb1;
      color: #eee;
      &:hover {
        color: #1e69da;
      }
    }
  }
  &__Desc {
    width: 100%;
    background-color: #333333;
    margin: 0;
    font-size: 14px;
    text-align: center;
    padding: 15px;
    color: #b4b4b4;
    letter-spacing: 0.5px;
    font-weight: 400;
    p {
      margin: 10px;
    }
  }
}
</style>
